.page-block {
  // height: 40px;
  padding: 10px;
  text-align: center;
  background: transparent;

  &.is-background {
    .el-pager {
      li {
        background: white;
      }
    }

    .btn-prev,
    .btn-next {
      display: inline-flex;
      text-align: center;
      background: white;
      align-items: center;
      justify-content: center;
    }
  }

  // &.el-pagination {
  //   display: flex;
  //   justify-content: center;
  //   align-items: center;

  //   .el-pagination__total {
  //     font-size: 12px;
  //     color: var(--pagination-total-color);
  //   }

  //   .el-pager {
  //     li {
  //       height: 36px;
  //       line-height: 36px;
  //       color: var(--pagination-text-color);
  //       background: transparent;

  //       &.active,
  //       &:hover {
  //         color: var(--el-color-primary);
  //       }
  //     }
  //   }

  //   button {
  //     display: inline-flex;
  //     width: 20px;
  //     height: 20px;
  //     min-width: 0;
  //     padding: 0;
  //     color: white;
  //     background: var(--pagination-prve-next-background-color);
  //     border-radius: 50%;
  //     align-items: center;
  //     justify-content: center;

  //     &:not([disabled]):hover {
  //       color: var(--el-color-primary);
  //     }

  //     &:disabled {
  //       color: white;
  //       background: var(--pagination-prve-next-background-color);
  //       filter: blur(0.5px);
  //     }
  //   }
  // }
}
